<div class="shouye">
  <headss>
    <p slot="center">首页</p>
  </headss>
  <div class="core-container">
    <div class="scroll-wrapper" ref="scroll">
      <div class="scroll-content">
            <!-- 轮播图部分 -->
            <div class="swipers">
              <van-swipe height="162" width="345">
                <van-swipe-item v-for="(image, index) in images" :key="index">
                  <img v-lazy="image.image" />
                </van-swipe-item>
              </van-swipe>
            </div>
            <!-- 四个盒子部分 -->
            <div class="box">
              <div class="box-item" v-for="(item,index) in loopData" :key="index" @click="golist(index)">
                <div class="box-image">
                  <img :src="item.image" alt="">
                </div>
                <p>{{item.name}}</p>
              </div>
            </div>
            <!-- 内容区域 -->
            <div class="contain">
              <div class="title wp">
                <div class="left">
                  <p>每日推荐</p>
                </div>
                <div class="right" @click="popu">
                  <p>查看全部</p>
                  <img class="right-image"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16405835336114703617.png"
                    alt="">
                </div>
              </div>
              <!-- 信息部分 -->
              <div class="info wp">
                <div class="top">
                  <div class="top-l">
                    <div class="top-l-l">
                      <van-image
                        round
                        width="40px"
                        height="40px"
                        @load="loadimg"
                        :src="info.NameImg"
                      />
                      <!-- <img class="top-l-l-logo"
                        :src="info.NameImg"
                        mode="aspectFit|aspectFill|widthFix" lazy-load="true" binderror="" bindload="">
                      </img> -->
                    </div>
                    <div class="top-l-r">
                      <p class="top-l-r-t">{{info.name}}</p>
                      <div class="desc">
                        <p><span>{{info.dress}}</span><span>{{info.data}}</span></p>
                      </div>
                    </div>
                  </div>
                  <div class="top-r">
                    <p>+关注</p>
                  </div>
                </div>
                <div class="middle">
                  <div class="m-img">
                    <!-- <img
                      :src="info.infoImg"
                      alt=""> -->
                      <van-image
                      round
                      fit="contain"
                      @load="loadimg"
                      :src="info.infoImg"
                    />
                  </div>
                  <p class="m-desc">{{info.infoDesc}}</p>
                </div>
                <div class="bottom">
                  <div class="bott-left">
                    <div class="bott-l-box">
                      <img
                        src="https://lanhu.oss-cn-beijing.aliyuncs.com/psomlk4l8d0ujt5r23qfuvqahjfd4lacr331a599d-8dd6-40ad-bc7c-6d349ee8f94f"
                        alt="">
                      <p>{{info.seldian}}</p>
                    </div>
                    <div class="bott-l-box">
                      <img
                        src="https://lanhu.oss-cn-beijing.aliyuncs.com/psatrytg7u777lsq1pzv2odinmkc1nawj16344071-f5c8-4229-a0ac-2dfa60ef6d8a"
                        alt="">
                        <p>{{info.selpin}}</p>
                    </div>
                    <div class="bott-l-box">
                      <img
                        src="https://lanhu.oss-cn-beijing.aliyuncs.com/pszlqnj4qtzg7zrh7aapuvhmujqxpc1cvkh8d6e8552-8df8-4d23-b1a2-7e3482feb79c"
                        alt="">
                        <p>{{info.serxihuan}}</p>
                    </div>
                  </div>
                  <div class="bott-right">
                    <img
                      src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps0wdrx8151klr4jzknvqhaux7z13l1qwkbbc6f0904-74e8-4737-bc79-950fb1f467dc"
                      alt="">
                  </div>
                </div>
              </div>
              <!-- 展示护理师部分 -->
              <div class="Nurse">
                <div class="title wp">
                  <div class="left">
                    <p>热门宠物护理师</p>
                  </div>
                  <div class="right">
                    <p>查看全部</p>
                    <img class="right-image"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16405835336114703617.png"
                      alt="">
                  </div>
                </div>
                <!-- 医生显示区域 -->
                <div class="Nurse-box list-item inner-list-item">
                  <div class="horizontal-container">
                    <div class="scroll-wrapper" ref="scrolls">
                      <div class="scroll-content">
                        <div class="Nurse-box-list" v-for="item in Nueselist" :key="item.id">
                          <div class="nur-box">
                            <div class="Nurse-logo">
                              <van-image                          
                              fit="cover"
                              @load="loadimg"
                              :src="item.image"
                            />
                              <!-- <img
                                src="https://lanhu.oss-cn-beijing.aliyuncs.com/psqrowmonsi2xcakjb1djlhmq06ago76t239bf895-002b-43fc-8d2a-6bce118e167b"
                                mode="aspectFit" alt=""> -->
                            </div>
                            <div class="Nurse-txt">
                              <p class="Nurse-one">{{item.name}}</p>
                              <p class="Nurse-two">{{item.zhiye}}</p>
                              <p class="Nurse-trhee">从业{{item.data}}年</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
    </div>
  </div>
  <popus :value.sync="popus" @oo="ss"></popus>
  <masktos :value.sync="popus" @close='closes'></masktos>
</div>